<script setup lang="ts">
// 根据 tailcss 需要管理主题的变量配置
import { useThemeVars } from "naive-ui";
const themeVars = useThemeVars();
</script>

<template>
  <!--@formatter:off-->
  <component :is="`style`">
    :root {
      --color-primary: {{ themeVars.primaryColor }};
      --color-info: {{ themeVars.primaryColor }};
      --color-success:{{ themeVars.successColor }};
      --color-warning:{{ themeVars.warningColor }};
      --color-error:{{ themeVars.errorColor }};
    }
  </component>
  <!--@formatter:on-->
</template>

<style></style>
